<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="static/css/index.css">
    <link rel="stylesheet" href="static/css/swiper.css">
    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
    <script src="https://cdn.staticfile.org/echarts/5.1.0/echarts.min.js"></script>
</head>

<body id="body" style="width: 100%">

    <div class="main">
        <div class="head-area">
            <nav>
                <div>
                    <img src="static/img/logo.png" id="site_logo" alt="" srcset="">
                    <label for="site_logo" class="logo">KKexchange</label>
                </div>
                <!-- <img src="static/img/logo.png" id="site_logo" alt="" srcset="">
                <label for="site_logo" class="logo">KKexchange</label> -->
                <div class="lang-mobile">
                    <input type="checkbox" id="down-mobile" onblur="blur_box(this)">
                    <label for="down-mobile" class="down">
                        <span id="cur_lang">简体中文</span>
                        <img src="static/img/down.png" alt="" srcset="">
                    </label>
                    <label for="down-mobile" class="up">
                        <img src="static/img/up.png" alt="" srcset="">
                    </label>
                    <div class="lang-block" id="lang-block">
                        <div class="lang-item active-lang" onclick="change_lang(this)">简体中文</div>
                        <div class="lang-item" onclick="change_lang(this)">English</div>
                    </div>
                </div>
                <div class="menu_btn_top">
                    <input type="checkbox" id="check">
                    <label for="check" class="checkbtn">
                        <img class="menu_btn" src="static/img/mobile_menu.png" alt="" srcset="">
                    </label>
                    <ul class="menus">
                        <li class="m-item"><a href="#" onclick="change_menu(this)" class="active">首页</a></li>
                        <li class="m-item"><a href="#team_block" onclick="change_menu(this)">介绍</a></li>
                        <li class="m-item"><a href="#app_download" onclick="change_menu(this)">下载</a></li>
                        <li class="m-item"><a href="#" onclick="change_menu(this)">公告</a></li>
                        <li class="m-item"><a href="#" onclick="change_menu(this)">帮助</a></li>
                        <li class="login m-item">[ 登录/注册 ]</li>
                        <li class="language">
                            <input type="checkbox" id="down">
                            <label for="down" class="down">
                                <span id="cur_lang">简体中文</span>
                                <img src="static/img/down.png" alt="" srcset="">
                                <!-- <div class="lang-block" id="lang-block">
                                    <div class="lang-item active-lang">简体中文</div>
                                    <div class="lang-item">English</div>
                                </div> -->
                            </label>
                            <label for="down" class="up">
                                <img src="static/img/up.png" alt="" srcset="">
                            </label>
                            <div class="lang-block" id="lang-block">
                                <div class="lang-item active-lang" onclick="change_lang(this)">简体中文</div>
                                <div class="lang-item" onclick="change_lang(this)">English</div>
                            </div>
                        </li>
                    </ul>
                </div>

            </nav>
        </div>

        <div class="body">
            <div class="swiper">
                <div class="container">
                    <div class="swiper-wrapper">
                        <!-- 图片 -->
                        <ul class="swiper-wrapper-box">
                            <li class="swiper-item banner-1"></li>
                            <li class="swiper-item banner-2"></li>
                            <li class="swiper-item banner-3"></li>
                        </ul>
                    </div>
                    <!-- 长条 -->
                    <div class="icon-box">
                        <ul class="icon-box-wrapper">
                            <li class="icon-item" data-index="1"></li>
                            <li class="icon-item" data-index="2"></li>
                            <li class="icon-item" data-index="3"></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="exchanges">
                <p class="exchange">支持全球热门资产交易</p>
                <div class="exchange-1">
                    <div class="col-3">
                        <div class="exchange-item">
                            <div class="ei-row1">
                                <p class="coin">
                                    <span class="coin-item">BTC/USDT</span>&nbsp;
                                    <span class="range-lv aquamarine">-0.23%</span>
                                </p>
                            </div>
                            <div class="ei-row2">
                                <p class="coin-close aquamarine">236614.52</p>
                            </div>
                            <div class="ei-row3">
                                <div class="chart1"></div>
                                <img src="static/img/chart-lv.png" alt="" srcset="">
                            </div>
                        </div>

                    </div>
                    <div class="col-3">
                        <div class="exchange-item">
                            <div class="ei-row1">
                                <p class="coin">
                                    <span class="coin-item">BTC/USDT</span>&nbsp;
                                    <span class="range-lv f-red">-0.23%</span>
                                </p>
                            </div>
                            <div class="ei-row2">
                                <p class="coin-close f-red">236614.52</p>
                            </div>
                            <div class="ei-row3">
                                <div class="chart2"></div>
                                <img src="static/img/chart-red.png" alt="" srcset="">
                            </div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="exchange-item">
                            <div class="ei-row1">
                                <p class="coin">
                                    <span class="coin-item">BTC/USDT</span>&nbsp;
                                    <span class="range-lv aquamarine">-0.23%</span>
                                </p>
                            </div>
                            <div class="ei-row2">
                                <p class="coin-close aquamarine">236614.52</p>
                            </div>
                            <div class="ei-row3">
                                <div class="chart3"></div>
                                <img src="static/img/chart-lv.png" alt="" srcset="">
                            </div>
                        </div>

                    </div>
                    <div class="col-3 last-coin" style="border-right: unset;">
                        <div class="exchange-item">
                            <div class="ei-row1">
                                <p class="coin">
                                    <span class="coin-item">BTC/USDT</span>&nbsp;
                                    <span class="range-lv f-red">-0.23%</span>
                                </p>
                            </div>
                            <div class="ei-row2">
                                <p class="coin-close f-red">236614.52</p>
                            </div>
                            <div class="ei-row3">
                                <div class="chart4"></div>
                                <img src="static/img/chart-red.png" alt="" srcset="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="exchange-table">
                    <div class="t-header">
                        <div class="h-td last-coin">#</div>
                        <div class="h-td">币种</div>
                        <div class="h-td last-coin">成交量 $</div>
                        <div class="h-td">最新价 $</div>
                        <div class="h-td text-r">24H涨幅</div>
                    </div>
                    <div class="t-body">
                        <div class="t-tr">
                            <div class="t-td last-coin">1</div>
                            <div class="t-td">BTC/USDT</div>
                            <div class="t-td last-coin">9710.15亿</div>
                            <div class="t-td">53213.37 ≈$ 1558.33</div>
                            <div class="t-td f-red text-r">+0.26%</div>
                        </div>
                        <div class="t-tr">
                            <div class="t-td last-coin">2</div>
                            <div class="t-td">BTC/USDT</div>
                            <div class="t-td last-coin">9710.15亿</div>
                            <div class="t-td">53213.37 ≈$ 1558.33</div>
                            <div class="t-td f-red text-r">+0.26%</div>
                        </div>
                        <div class="t-tr">
                            <div class="t-td last-coin">3</div>
                            <div class="t-td">BTC/USDT</div>
                            <div class="t-td last-coin">9710.15亿</div>
                            <div class="t-td">53213.37 ≈$ 1558.33</div>
                            <div class="t-td aquamarine text-r">-0.26%</div>
                        </div>
                        <div class="t-tr">
                            <div class="t-td last-coin">4</div>
                            <div class="t-td">BTC/USDT</div>
                            <div class="t-td last-coin">9710.15亿</div>
                            <div class="t-td">53213.37 ≈$ 1558.33</div>
                            <div class="t-td aquamarine text-r">-0.26%</div>
                        </div>
                        <div class="t-tr">
                            <div class="t-td last-coin">5</div>
                            <div class="t-td">BTC/USDT</div>
                            <div class="t-td last-coin">9710.15亿</div>
                            <div class="t-td">53213.37 ≈$ 1558.33</div>
                            <div class="t-td f-red text-r">+0.26%</div>
                        </div>
                        <div class="t-tr">
                            <div class="t-td last-coin">6</div>
                            <div class="t-td">BTC/USDT</div>
                            <div class="t-td last-coin">9710.15亿</div>
                            <div class="t-td">53213.37 ≈$ 1558.33</div>
                            <div class="t-td f-red text-r">+0.26%</div>
                        </div>
                    </div>
                    <hr>
                    <div class="">
                        <div class="cat-more">
                            查看全部交易币种
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <div class="team_block" id="team_block">
                <div class="team-head">
                    <p class="team_title">国际化的<span class="professional">专业</span>团队为您服务</p>
                </div>
                <div class="introduction">
                    <div class="pro-team">
                        <div class="pro-img">
                            <img src="static/img/pro-img.png" alt="" srcset="">
                        </div>
                        <div class="intro">
                            <h2 class="title">
                                专业的国际化团队
                            </h2>
                            <p class="team-info">
                                团队成员在数字货币领域具有丰富的研发和运营经验，
                                自主研发专业交易系统多重保障资产安全，拥有业界最
                                为专业的研发和创新能力。
                            </p>
                        </div>
                    </div>
                    <div class="pro-team">
                        <div class="pro-img">
                            <img src="static/img/safe.png" alt="" srcset="">
                        </div>
                        <div class="intro">
                            <h2 class="title">
                                系统安全稳定
                            </h2>
                            <p class="team-info">
                                团队成员在数字货币领域具有丰富的研发和运营经验，
                                自主研发专业交易系统多重保障资产安全，拥有业界最
                                为专业的研发和创新能力。
                            </p>
                        </div>
                    </div>
                    <div class="pro-team">
                        <div class="pro-img">
                            <img src="static/img/bianjie.png" alt="" srcset="">
                        </div>
                        <div class="intro">
                            <h2 class="title">
                                交易灵活，便捷
                            </h2>
                            <p class="team-info">
                                团队成员在数字货币领域具有丰富的研发和运营经验，
                                自主研发专业交易系统多重保障资产安全，拥有业界最
                                为专业的研发和创新能力。
                            </p>
                        </div>
                    </div>
                    <div class="pro-team">
                        <div class="pro-img">
                            <img src="static/img/sync.png" alt="" srcset="">
                        </div>
                        <div class="intro">
                            <h2 class="title">
                                实时同步，保障用户利益
                            </h2>
                            <p class="team-info">
                                团队成员在数字货币领域具有丰富的研发和运营经验，
                                自主研发专业交易系统多重保障资产安全，拥有业界最
                                为专业的研发和创新能力。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="help_block">
                <div class="help-content">
                    <div class="how_title">
                        <h1 class="how">如何在KK开始交易</h1>
                        <p class="only">仅需简单几分钟即可开立账户开始交易，请参照以下简单步骤</p>
                    </div>
                    <div class="register-step">
                        <div class="step">
                            1
                        </div>
                        <div class="step-title">
                            注册开立账户
                        </div>
                        <div class="step-info">
                            输入手机号或电子邮件进行注册
                        </div>
                    </div>
                    <div class="register-step">
                        <div class="step">
                            2
                        </div>
                        <div class="step-title">
                            完成验证并存入资金
                        </div>
                        <div class="step-info">
                            验证个人信息，并入金到账户内
                        </div>
                    </div>
                    <div class="register-step">
                        <div class="step">
                            3
                        </div>
                        <div class="step-title">
                            开始交易
                        </div>
                        <div class="step-info">
                            开始您的第一笔交易
                        </div>
                    </div>
                </div>
            </div>
            <div class="team_block">
                <div class="w80">
                    <p class="team_title">
                        让财富更自由，<span class="professional">安全</span>可信赖，用户至上
                    </p>
                    <div class="bbk-container">
                        <div class="bbk">
                            <img src="static/img/tech.png" class="bbk-img" alt="" srcset="">
                            <div class="bbk-title">技术安全可靠</div>
                            <div class="bbk-content">
                                采用动态储存，冷热分离，HDM钱包技术方案，HSM金融安全技术防护，保障资产安全
                            </div>
                        </div>
                        <div class="bbk">
                            <img src="static/img/hight_performent.png" class="bbk-img" alt="" srcset="">
                            <div class="bbk-title">交易稳定高效</div>
                            <div class="bbk-content">
                                多年经验的金融安全团队倾力打造，每秒百万撮合引擎，抓准时间极速成交
                            </div>
                        </div>
                        <div class="bbk">
                            <img src="static/img/cus_surport.png" class="bbk-img" alt="" srcset="">
                            <div class="bbk-title">专业客户服务</div>
                            <div class="bbk-content">
                                内置的在线客服，7*24小时不间断为您服务，并实时推送您想知道的一切信息
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="app_download" id="app_download">
                <div class="w80">
                    <div class="kk_download">
                        KKexchange APP下载
                    </div>
                    <div class="install">
                        安装APP，享受移动专业交易服务，<br>开启您的数字货币之旅
                    </div>
                    <div class="down-link">
                        <div class="phone-down" id="ios_down">
                            <img src="static/img/ios.png" alt="" class="ios" id="ios">
                            <label for="ios" class="p-text">
                                <a href="#" class="hre">
                                    iPhone下载
                                </a>
                            </label>
                        </div>
                        <div class="phone-down" id="android_down">
                            <img src="static/img/android.png" alt="" class="ios" id="android">
                            <label for="android" class="p-text">
                                <a href="#" class="hre">
                                    Android下载
                                </a>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="news">
            <div class="news-main w80">
                <div class="news-title">公告中心</div>
                <div class="news-content">
                    <div class="news-list">
                        <div class="news-items">
                            <div class="news-item news-active">
                                <div class="n-title">2021-01-01关于合约系统升级的公告</div>
                                <div class="n-time">2020-11-01 06:00:00</div>
                            </div>
                            <div class="news-item news-active">
                                <div class="n-title">2021-01-01关于合约系统升级的公告</div>
                                <div class="n-time">2020-11-01 06:00:00</div>
                            </div>
                            <div class="news-item news-active">
                                <div class="n-title">2021-01-01关于合约系统升级的公告</div>
                                <div class="n-time">2020-11-01 06:00:00</div>
                            </div>
                            <div class="news-item news-active">
                                <div class="n-title">2021-01-01关于合约系统升级的公告</div>
                                <div class="n-time">2020-11-01 06:00:00</div>
                            </div>
                            <div class="news-item news-active">
                                <div class="n-title">2021-01-01关于合约系统升级的公告</div>
                                <div class="n-time">2020-11-01 06:00:00</div>
                            </div>
                            <div class="news-item news-active">
                                <div class="n-title">2021-01-01关于合约系统升级的公告</div>
                                <div class="n-time">2020-11-01 06:00:00</div>
                            </div>
                        </div>
                        <!-- <div class="pages">1-99 of 999</div> -->
                    </div>
                    <div class="news-info">
                        <div class="news-t">DOGE上线活动</div>
                        <div class="news-time">2021-02-06 00:00:00</div>
                        <div class="news-detail">
                            <p>亲爱的KK用户:<br>
                                <br>
                                库币已完成“一份迟来的礼物：庆祝库币上线狗狗币(DOGE)，千万狗狗币大放送！”的奖励发放，请获奖者在币币账户页面查询奖励的发放记录。
                                <br>感谢您的支持！<br><br>
                                KK团队<br><br>
                                买好币，上KK！<br>
                            </p>
                            <p><br></p>
                            <p><br></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer">
            <nav class="navbar last-coin">
                <input type="checkbox" id="check" class="last-coin">
                <label for="check" class="checkbtn last-coin">
                    <img class="menu_btn" src="static/img/mobile_menu.png" alt="" srcset="">
                </label>
                <div>
                    <img src="static/img/logo.png" id="site_logo" alt="" srcset="">
                    <label for="site_logo" class="logo">KKexchange</label>
                </div>
                <!-- <img src="static/img/logo.png" id="site_logo" alt="" srcset="">
                <label for="site_logo" class="logo">KKexchange</label> -->
                <ul class="menus_bottom">
                    <li class="last-coin"><a href="#" class="" onclick="change_menu(this)">首页</a></li>
                    <li class="last-coin"><a href="#team_block">介绍</a></li>
                    <li class="last-coin"><a href="#app_download">下载</a></li>
                    <li class="last-coin"><a href="#" onclick="change_menu(this)">公告</a></li>
                    <li class="last-coin"><a href="#" onclick="change_menu(this)">帮助</a></li>
                </ul>
                <ul>
                    <li class="language foot-site">
                        <span>www.kkexchange.com</span>
                    </li>
                </ul>
            </nav>
            <div class="navbar-mobile">
                <div class="logo">
                    <img src="static/img/logo.png" id="site_logo" alt="" srcset="">
                    <label for="site_logo" class="logo bottom-logo">KKexchange</label>
                </div>
                <div class="site1">www.kkexchange.com</div>
                <!-- <ul class="menus_bottom">
                    <li class="language foot-site">
                        <span>www.kkexchange.com</span>
                    </li>
                </ul> -->
            </div>
            <hr class="footer-div">
            <div class="kk-footer">
                KKexchange 版权所有
            </div>
            <div class="br-float">
                <div class="br-float-item">
                    <img src="static/img/to_top.png" alt="" class="ios" id="to_top">
                    <label for="to_top" class="p-text">
                        <a href="#body" class="h">
                            返回顶部
                        </a>
                    </label>
                </div>
                <div class="br-float-item">
                    <img src="static/img/customer.png" alt="" class="ios" id="link_customer">
                    <label for="link_customer" class="p-text">
                        在线客服
                    </label>
                </div>
            </div>
        </div>
        <div class="br-float">
            <div class="br-float-item">
                <img src="static/img/to_top.png" alt="" class="ios" id="to_top">
                <label for="to_top" class="p-text">
                    <a href="#body" class="h">
                        返回顶部
                    </a>
                </label>
            </div>
            <div class="br-float-item">
                <img src="static/img/customer.png" alt="" class="ios" id="link_customer">
                <label for="link_customer" class="p-text">
                    在线客服
                </label>
            </div>
        </div>
        <div class='mask'>

        </div>
        <div class="loading">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>

    <style>
    </style>
    <script src="static/js/index.js"></script>
    <script src="static/js/swiper.js"></script>
    <script>
        $(function () {
            get_config(); // 配置参数
            get_quotes_sort(1);  // 获取交易排行并渲染
            $("input[type='checkbox']").change(function () {
                setTimeout(function () {
                    $("input[type='checkbox']").prop('checked', false);
                }, 1500)
            });
            $(window).resize(function () {
                get_quotes_sort(1);
            });
        });
    </script>
</body>

</html>